<template>
 <div class="mine">
<div class="use">
<van-image
 radius="20"
 width="80px"
 height="80px"
 src="https://img01.yzcdn.cn/vant/cat.jpeg"
 />
 <div class="bb">
 <div>鱼店不卖鱼</div>
 <div><span style="font-size: 12px">小米id:18585449235</span><van-button round type="info" size="mini" color="#f2f2f2" style="margin-left: 20px" @click="$router.push('/login')">切换账号</van-button></div>
 </div>
 </div>
 <van-swipe-cell class="tp" >
   <div class="kongbai"></div>
<van-cell :border="true">
     <van-icon name="star" color="#1989fa" />
   小米精品推荐
</van-cell>
   <div class="kongbai"></div>
 <van-cell :border="true" >
   <van-icon name="column" color="#1989fa" />
   我的订单</van-cell>
 <van-cell :border="true" >
   <van-icon name="vip-card" color="#1989fa" />
   会员中心</van-cell>
 <van-cell :border="true" >
   <van-icon name="bill" color="#1989fa" />
   我的优惠券</van-cell>
  <van-cell :border="true" >
    <van-icon name="bill" color="#1989fa" />
    我的红包</van-cell>
  <div class="kongbai"></div>
<van-cell :border="true" >
  <van-icon name="service" color="#1989fa" />
  在线客服</van-cell>
 <van-cell :border="true" >
   <van-icon name="graphic" color="#1989fa" />
   在线说明书</van-cell>
 <van-cell :border="true" >
   <van-icon name="wap-nav" color="#1989fa" />
   设置</van-cell>
 <div class="kongbaidibu"></div>
 </van-swipe-cell>
 </div>
</template>

<script>
export default {
  name: 'Mine',
  data() {
    return {}
  },
}
</script>

<style lang="less" scoped>
.body{
 background-color: rgb(108, 105, 105);
}
.use{
 display: flex;
 width: 100%;
 height: 100px;
 align-items: center;
 margin-left: 10px;
}
.bb{
display: flex;
height: 80px;
flex-direction:column;
justify-content: space-around;
margin-left: 10px ;

}
 .van-cell{
  //  margin-left: 20px;
  //  line-height: 20px;
  font-size: 18px;
  .van-icon{
    margin-right: 10px;
  }
 }

.kongbai{
  width: 100%;
  height: 12px;
  background-color:#EBEBEB;
}
.kongbaidibu{
  width: 100%;
  height: 200px;
  background-color:#EBEBEB;
}
</style>
